{% extends 'demo/base.html' %}
{% load common_extras %}
{% block title %}
    {#    首字母转大写#}
    {#    过滤器的作用：对变量值进行处理转换，处理之后再替换原来的值#}
    {{ now_cls|capfirst }}博客-专业IT技术发表平台
{% endblock %}
{% block header %}
    {% include 'demo/header.html' %}
{% endblock %}
{% block main %}
    {% include 'demo/classes.html' %}
    {% if articles %}
        <ul class="nav">

            {#    循环生成多个li标签 #}
            {#for循环获取到每篇文章数据 article保存了每篇文章数据#}
            {% for article in articles %}
                {% if forloop.first %}
                    <div class="bottom-info">这是第一篇的分割</div>
                {% endif %}
                <li>
                    {#    articles.0第一篇文章数据#}
                    {% comment %}如果路由定义了转换器或者其他的参数，那么就不能使用url模版标签的命名路由跳转到其他的页面{% endcomment %}
                    <a href="/demo/article/{{ article.id }}">
                        <div class="left">
                            {#                    counter 默认从1开始 for循环迭代的次数 反向 revcounter#}
                            <h4>{{ forloop.counter }}、{{ article.title }}</h4>
                            <p>{{ article.desc }}</p>
                            {#                            <p class="time-info">发布时间:{{ article.create_time|date:'Y年m月d日H:i:s' }}</p>#}
                            <p class="time-info">发布时间:{{ article.create_time|time_since }}</p>
                        </div>
                        <div class="right">
                            {#                            {{ article.cover }}#}
                            <img src="/static/media/{{ article.cover }}/" alt="">
                        </div>
                    </a>
                </li>
                {#        forloop.last是否是循环的最后一次迭代#}
                {% if forloop.last %}
                    <div class="bottom-info">已经是最后一篇文章啦~ 已经到底了~</div>
                {% endif %}
            {% endfor %}


        </ul>
    {% else %}
        <div class="bottom-info">该分类暂无文章</div>
        <p>{{ str1|cut:' ' }}</p>
    {% endif %}
{% endblock %}


{% comment %}

<p>{{ num }}</p>
{{ articles.0.title }}
<hr>
给长变量取短名字
{% with articles.0.title as a1 %}
{{ a1 }}
{% endwith %}
默认的开启过滤拦截自带的css样式
{% autoescape off %}
{{ html }}
{% endautoescape %}
{% endcomment %}

{% comment %}
date和time过滤器的时间参数格式
2025年07月08日
25年7月8日
Y:四位数的年
y：两位数的年
m：两位数的月
n：一位数的月
d：两位数的日
j：一位数的日

g：12小时 一位的小时
G：24小时 一位的小时
h：12小时 两位的小时
H：24小时 两位的小时
i：分钟
s：秒



{% endcomment %}
